import React, { useState, useEffect } from 'react'
import { View, Image, Text, Video } from '@tarojs/components'
import { AtTabs, AtTabsPane } from 'taro-ui'
import findBg from '../../../assets/img/findBg.png'
import heart1 from '../../../assets/img/heart.png'

import './index.less'
export default (props: any) => {
   
   
   
    return (
        <View className='findBox flex flex-wrap  '>
            {
                props.dataList.map((item:any) => {
                    return <View className='itemStyle flex flex-direction'>
                        <Image className='findBg' src={item.src[0]}></Image>
                        <Text className='title rowHidden'>{item.content}</Text>
                        <View className='name-box flex justify-between ' >
                            <View className='flex align-center'>
                                <Image className='avatarUrl' src={item.avatarUrl}></Image>
                                <Text className='nickName mr ellipsis'>{item.nickName}</Text>
                            </View>
                            <View className='numBox flex align-center justify-content'>
                                <Image className='heart' src={heart1}></Image>
                                <Text className='mr'>{item.numComment}</Text>
                            </View>
                        </View>
                    </View>
                })
            }
        </View >

    );
};
